<template >
    <div class="websocketTest" >
        <div id="websocketTest">
         
    </div>
    <template v-for="(qrdata,index) in data_array">
</template>
    </div>
</template>

  
<script>
    import VueBarcode from '@xkeshi/vue-barcode';
    import { mapGetters } from 'vuex'
    export default {
        name: "websocket",
        components: {
           
        },
        data() {
            return {
                logoSrc:"",
            }
        },
        created(){
    
        },
        computed: {
            // 返回自定义样式
            getClass() {
                return ['count-to-number']
            },
            ...mapGetters([
                'unReadNum'
                ])
        },
        mounted() {
            this.socketMsg()
                    },
        methods: {
            socketMsg() {
                //向服务端发送消息
                this.$io.emit('sendMsg', { test:'123' })
                // //接收服务端相对应的webdata数据
                // this.$io.on('sendNotice', data => {
                //     this.massage = data.id
                //     console.log(data)
                // })
            }
        },
      
    }
</script>
<style scoped>
body{
        font-size: 24px;
}
    .count_class {
        margin-top: 50px;
    }

    .count-to-number {
        font-size: 8em;
        color: #4d63bc;
        font-weight: 300;
    }

    .prefix-style {
        font-size: 2em;
    }
</style>
